<div class="login-form" [@routerTransition]>
    <div class="pb-13 pt-lg-0 pt-5"  *ngIf="false">
        <h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">
            {{'SendSecurityCode' | localize}}
        </h3>
    </div>
    <form #twoFactorForm="ngForm" class="login-form form" method="post" (ngSubmit)="submit()"
        *ngIf="loginService.authenticateResult">
        <p>{{"SendSecurityCode_Information" | localize}}</p>
        <div class="form-group">
            <select autoFocus size="1" class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" [(ngModel)]="selectedTwoFactorProvider"
                name="selectedTwoFactorProvider">
                <option *ngFor="let provider of loginService.authenticateResult.twoFactorAuthProviders"
                    [value]="provider">{{provider}}</option>
            </select>
        </div>

        <div class="pb-lg-0 pb-5">
            <button type="submit"
                class="btn btn-primary font-weight-bolder font-size-h6 px-8 my-3 mr-3">{{"Submit" | localize}}</button>
        </div>
    </form>
</div>